<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link href="css/makahiki-structure.css" rel="stylesheet">
<link href="css/help.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="css/matt-theme.less">

<script src="js/less-1.3.0.min.js" type="text/javascript"></script>
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17
                                    overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in
                                    Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17
                                    overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <!-- 					<div class="span2 offset1"> -->
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of
                                    20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of
                                    20.</li>
                            </ul>
                        </div>
                    </div>
                    <!-- 					</div> -->
                </div>
                <div class="span3" style="text-align: center">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39
                                    Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback"
                        href="javascript:void(0);">Send
                        Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>
    <!-- Navbar
    ================================================== -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse"
                    data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png"
                        alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>
                <div class="nav-collapse">
                    <ul class="nav">
                        <!-- Choose the correct active page by adding active to the class list -->
                        <li class="home"><a href="home.html"
                            class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class=""><a href="activities.html"
                            class="activities"> <img
                                src="./images/spacer-54.png"> Get
                                Nutz
                        </a></li>
                        <li class=""><a href="energy.html"
                            class="energy"> <img
                                src="./images/spacer-54.png"> Go
                                Low
                        </a></li>
                        <li class=""><a href="water.html"
                            class="water"><img
                                src="./images/spacer-54.png">
                                Water</a></li>
                        <li class=""><a href="news.html"
                            class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html"
                            class="advanced"><img
                                src="./images/spacer-54.png">
                                Advanced</a></li>
                        <li class=""><a href="prizes.html"
                            class="prizes"> <img
                                src="./images/spacer-54.png">
                                Prizes
                        </a></li>
                        <li class=""><a href="profile.html"
                            class="profile"> <img
                                src="./images/spacer-54.png">
                                Profile
                        </a></li>
                        <li class="active"><a href="help.html"
                            class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Modifications Start Here -->
    <div class="container">
      <div class="row-fluid"> 
        <div class="span6">
          <!-- Video Widget -->
          <div id="help-video" class="content-box">
            <div class="content-box-title">
              Introduction to the Kukui Cup
            </div>
            <div class="video-container">
              <iframe width="400px" height="233px" src="http://www.youtube.com/embed/T37kNTkZCrA" frameborder="0"></iframe>
                      <!-- Remove? -->
                      <!--
                      <script type="text/javascript">
                       google.load("swfobject","2.1");
                        </script>
                        <script src="./help_files/swfobject.js"
                                type="text/javascript">
                        </script>
                        <script type="text/javascript">
                        google.setOnLoadCallback(function() {
                          var videoID = "T37kNTkZCrA";
                          var width = "376";
                          var length = "225";
                          var params = {
                            allowScriptAccess : "always",
                            wmode : "opaque"
                          };
                          var atts = {
                            id : "ytPlayer"
                          };
                        swfobject.embedSWF(
                          "http://www.youtube.com/v/"
                          + videoID
                          + "?fs=1&hl=en_US&rel=0&enablejsapi=1",
                          "videoDiv",
                          width,
                          length,
                          "8",
                          null,
                          null,
                          params,
                          tts);
                        });
                      </script>
                      -->
            </div>
          </div>
            
          <!-- Rules Widget -->
          <div class="content-box">
            <div class="content-box-title">
              Rules of the competition
            </div>
            <div class="help-rules-content">
              <ul>
                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/rules/what-kukui-cup/">
                   What is the Kukui Cup?
                  </a>
                </li>
                
                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/rules/terms-and-conditions/">
                   Terms and Conditions
                  </a>
                </li>                

                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/rules/competitions/">
                   Competitions
                  </a>
                  <ul>
                    <li>
                      <a href="http://dasha.ics.hawaii.edu:8200/help/rules/lounge-energy-competition/">
                        Lounge Energy Competition
                      </a>
                    </li>
                    <li>
                      <a href="http://dasha.ics.hawaii.edu:8200/help/rules/point-competitions/">
                        Point competitions
                      </a>
                    </li>
                  </ul>
                </li>
                    
                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/rules/timeline/">
                    Timeline
                  </a>
                </li>

                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/rules/performing-activities/">
                    Performing Activities
                  </a>
                </li>
                
                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/rules/event-ties/">
                    In the Event of Ties
                  </a>
                </li>
                
              </ul>
            </div>
          </div>
        </div>

        <div class="span6">
          <!-- FAQ Widget -->
          <div class="content-box">
            <div class="content-box-title">
              Frequently Asked Questions
            </div>
            <div class="help-faq-content">
              <ul>
                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/faq/how-is-energy-goal-picked/">
                    How is the energy goal picked?
                  </a>
                </li>

                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/faq/what-plug-load/">
                    What is plug load?
                  </a>
                </li>

                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/faq/can-i-collaborate-people-other-lounges/">
                    Can I collaborate with people on other lounges?
                  </a>
                </li>

                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/faq/how-do-i-contact-you-questions/">
                    How do I contact you with questions?
                  </a>
                </li>

                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/faq/how-does-raffle-work/">
                    How does the raffle work?
                  </a>
                </li>

                <li>
                  <a href="http://dasha.ics.hawaii.edu:8200/help/faq/how-screenshot-mac/">
                    How do I take a screenshot on a Mac?
                  </a>
                </li>
              </ul>
            </div>
          </div>

          <!-- Ask an Admin Widget -->
          <div class="content-box">
            <div class="content-box-title">
              Ask an Admin
            </div>
              Got a question that's not answered here? Type it below and an admin will email you the answer.
            <form id="help-ask-form"
                  action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/"
                  method="POST">
              <!--
              <div style="display: none">
                <input type="hidden"
                       name="csrfmiddlewaretoken"
                       value="a24f5c59567f2c177a6fd44ab2ab1de9">
              </div>
              -->
              <input type="hidden" 
                     name="url"
                     id="help_url">

              <textarea id="help_question"
                        rows="10"
                        cols="40"
                        name="question">
              </textarea>
              <div id="help-ask-submit">
                <input type="submit" 
                       value="Send"
                       class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled"
                       role="button"
                       aria-disabled="true"
                       disabled=""> 
                <span id="help-ask-spinner"
                      style="display: none">
                  Sending
                  <img src="./images/spinner.gif">
                </span>
                <div style="clear: both">
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>

    <div id="footer"></div>


    <div id="fb-root" class=" fb_reset">
        <div
            style="position: absolute; top: -10000px; height: 0px; width: 0px;"></div>
    </div>
    <script src="./help_files/all.js"></script>

    <script type="text/javascript">
					FB.init({
						appId : '233999643296575',
						status : true,
						cookie : true,
						xfbml : true
					});

					// Normally, we would wrap this in an anonymous function, but we want it to be available for later.
					// Get the spreadsheet we need.
					var energyLastThirtyDays = 'https://spreadsheets.google.com/spreadsheet/tq?key=0An9ynmXUoikYdHhxeW1xRURQZUlGd1oxVERnQktsWXc';
					var refreshInterval = 0; // don't refresh this spreadsheet.

					// Load the visualization API and the spreadsheet, then call displayRank.
					var loader = new org.wattdepot.gdata.GDataLoader(
							displayRank, energyLastThirtyDays, refreshInterval);

					function displayRank(energyDataTable) {
						// The source for which we want to find the rank must be specified by Makahiki.
						var source = 'Ilima-E';
						var energyRank = new org.wattdepot.gdata.makahiki.EnergyRank();

						// Get the usage for the current round and overall.

						// console.log('Overall start: 87, end: 67');
						var usage = energyRank.processDataTable(
								energyDataTable, 87, 67);
						var info = energyRank.calculateRankInfo(usage, source);

						// Check if this is overall information.

						energyRank.draw("overall-energy-rank",
								"overall-energy-value", info);

						// console.log('Round 2 start: 80, end: 74');
						var usage = energyRank.processDataTable(
								energyDataTable, 80, 74);
						var info = energyRank.calculateRankInfo(usage, source);

						// Check if this is overall information.

						// Check if this is info for the current round.

						// console.log('Round 1 start: 87, end: 81');
						var usage = energyRank.processDataTable(
								energyDataTable, 87, 81);
						var info = energyRank.calculateRankInfo(usage, source);

						// Check if this is overall information.

						// Check if this is info for the current round.

					}
				</script>
    <script src="./help_files/saved_resource" type="text/javascript"></script>
    <script src="./help_files/format+en,default.I.js"
        type="text/javascript"></script>




    </div>
    </div>
    </div>


    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-widget-help-dialog">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-widget-help-dialog">Help</span><a
                href="http://dasha.ics.hawaii.edu:8200/help/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="widget-help-dialog" style=""
            class="ui-dialog-content ui-widget-content"></div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-feedback-dialog">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-feedback-dialog">Send
                Feedback</span><a
                href="http://dasha.ics.hawaii.edu:8200/help/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-dialog" style=""
            class="ui-dialog-content ui-widget-content">
            <form id="feedback-form"
                action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/"
                method="POST">
                <div style="display: none">
                    <input type="hidden" name="csrfmiddlewaretoken"
                        value="a24f5c59567f2c177a6fd44ab2ab1de9">
                </div>
                <p>Having issues? Just want to tell us something?
                    Let us know!</p>
                <input id="id_url" type="hidden" name="url" value="">
                <textarea id="id_question" rows="3" cols="53"
                    name="question"></textarea>
                <br> <input id="feedback-submit" type="submit"
                    value="Send"
                    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled"
                    role="button" aria-disabled="true" disabled="">
                <span id="feedback-spinner" style="display: none">
                    Sending <img src="./help_files/spinner.gif">
                </span>
            </form>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog"
        aria-labelledby="ui-dialog-title-feedback-success">
        <div
            class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title"
                id="ui-dialog-title-feedback-success">Thank You!</span><a
                href="http://dasha.ics.hawaii.edu:8200/help/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all"
                role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-success" style=""
            class="ui-dialog-content ui-widget-content">
            <p style="text-align: left">Your feedback has been sent
                to the administrators. If you asked a question, they
                will email you a response as soon as possible.</p>

            <button>OK</button>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw"
            style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne"
            style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw"
            style="z-index: 1004;"></div>
    </div>
    <div id="media_floatingBar"
        style="position: absolute; left: 1187px; top: 14px;">
        <a id="001" title="View Original Image"
            style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_orl.png);"></a><a
            id="002" title="Magnifier"
            style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_zoom.png);"></a>
    </div>


    <!-- javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>

    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>

    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>

    <script type="text/javascript">
					$.fn.cycle.defaults.timeout = 6000;
					$(function() {
						$('#user-cycle').cycle({
							fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
							fit : 1
						});
					});

					$(function() {
						$('#team-cycle').cycle({
							fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
							fit : 1
						});
					});

					$(function() {
						$('#round-cycle').cycle({
							fx : 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
							fit : 1
						});
					});

					$(function() {
						$('#single-cycle').cycle({
							fx : 'scrollUp', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
							fit : 1,
							height : 55
						});
					});
				</script>

</body>
</html>